<!--消息列表-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
                xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" th:href="@{css/index.css}">
    <link rel="stylesheet" th:href="@{css/ContractStyle.css}" />
    <link rel="stylesheet" th:href="@{css/jquery.mobile-1.4.5.min.css}">
    <script th:src="@{js/jquery.js}"></script>
    <script th:src="@{js//jquery.mobile-1.4.5.min.js}"></script>
    <script th:src="@{js/index.js}"></script>

<!--    <script type="text/javascript" th:src="@{js/jquery.charfirst.pinyin.js}"></script>-->
<!--    <script type="text/javascript" th:src="@{js/sort.js}"></script>-->


</head>
<body>
<div data-role="page">
    <div data-role="header" data-position="fixed">
        <img th:src="@{images/logo.png}" alt="" class="logo">
        <h1>欢迎来到撩聊聊天</h1>
    </div>
    <div data-role="main" class="ui-content">
        <div id="letter" ></div>
        <div class="sort_box">

            <div class="sort_list">
                <div class="num_logo">
                    <a th:href="@{/chat}" data-ajax=false> <img th:src="@{images/img.png}" alt=""></a>
                </div>
                <div class="num_name"><!--需要指定property-->
                    <span id="hh" shiro:principal="username"></span>
                </div>
            </div>
            <div id="person">
<!--            <div class="sort_list">-->
<!--                <div class="num_logo">-->
<!--                    <img th:src="@{images/img.png}" alt="">-->
<!--                </div>-->
<!--                <div class="num_name">李四</div>-->
<!--            </div>-->
<!--            <div class="sort_list">-->
<!--                <div class="num_logo">-->
<!--                    <img th:src="@{images/img.png}" alt="">-->
<!--                </div>-->
<!--                <div class="num_name">王五</div>-->
<!--            </div>-->
<!--            <div class="sort_list">-->
<!--                <div class="num_logo">-->
<!--                    <img th:src="@{images/img.png}" alt="">-->
<!--                </div>-->
<!--                <div class="num_name">刘六</div>-->
<!--            </div>-->
<!--            <div class="sort_list">-->
<!--                <div class="num_logo">-->
<!--                    <img th:src="@{images/img.png}" alt="">-->
<!--                </div>-->
<!--                <div class="num_name">马七</div>-->
<!--            </div>-->
<!--            <div class="sort_list">-->
<!--                <div class="num_logo">-->
<!--                    <img th:src="@{images/img.png}" alt="">-->
<!--                </div>-->
<!--                <div class="num_name">黄八</div>-->
<!--            </div>-->
<!--            <div class="sort_list">-->
<!--                <div class="num_logo">-->
<!--                    <img th:src="@{images/img.png}" alt="">-->
<!--                </div>-->
<!--                <div class="num_name">莫九</div>-->
<!--            </div>-->
<!--            <div class="sort_list">-->
<!--                <div class="num_logo">-->
<!--                    <img th:src="@{images/img.png}" alt="">-->
<!--                </div>-->
<!--                <div class="num_name">陈十</div>-->
<!--            </div>-->
<!--            <div class="sort_list">-->
<!--                <div class="num_logo">-->
<!--                    <img th:src="@{images/img.png}" alt="">-->
<!--                </div>-->
<!--                <div class="num_name">a九</div>-->
<!--            </div>-->
<!--            <div class="sort_list">-->
<!--                <div class="num_logo">-->
<!--                    <img th:src="@{images/img.png}" alt="">-->
<!--                </div>-->
<!--                <div class="num_name">1十</div>-->
<!--            </div>-->
                <p id="hhkk"></p>
            </div>
        </div>
        <div class="initials">
            <ul>
                <li><img th:src="@{images/068.png}"></li>
            </ul>
        </div>
    </div>
    <div data-role="footer" data-position="fixed">
        <div data-role="navbar" >
            <ul>
                <li><a th:href="@{/message}" data-icon="comment" class="autoCli" data-ajax=false>消息</a></li>
                <li><a th:href="@{/contract}" data-icon="user" data-ajax=false>联系人</a></li>
                <li><a th:href="@{/info}" data-icon="info" data-ajax=false>个人信息</a></li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">


</script>